@charset "gb2312";
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    header {
        width: 100%;
        margin: auto;
    }
    .nav {
        width: 90%
    }
    .nav li a {
        padding: 0 15px
    }
    .search_bar {
        display: none
    }
    article {
        width: 90%;
        margin: 100px auto 0
    }
    .fader {
        padding-top: 0;
        height: 360px
    }
    .imginfo {
        bottom: 15%
    }
    .toppic li i img {
        height: 170px;
    }
    .gd {
        width: 230px
    }
    .container {
        width: 90%;
        margin: 20px auto;
    }
    .share ul li i {}
}

@media screen and (min-width: 960px) and (max-width: 1023px) {
    header {
        width: 100%;
        margin: auto;
    }
    .nav {
        width: 90%
    }
    .nav li a {
        padding: 0 15px
    }
    .search_bar {
        display: none
    }
    article {
        width: 90%;
        margin: 100px auto 0
    }
    .fader {
        padding-top: 0;
        height: 337px
    }
    .imginfo {
        bottom: 15%
    }
    .toppic li i img {
        height: 160px;
    }
    .gd {
        width: 220px
    }
    .zhuanti p {
        top: 20%
    }
    .container {
        width: 90%;
        margin: 20px auto;
    }
    .share ul li i {}
    .timebox li:hover a {
        padding: 0 30px
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    header,
    .blogsbox {
        width: 100%;
        margin: auto;
    }
    .menu {
        width: 90%;
        display: none;
    }
    #mnav {
        display: block;
        z-index: 99999;
    }
    .search_bar {
        display: none
    }
    article {
        width: 90%;
        margin: 70px auto 0
    }
    .imginfo {
        bottom: 17%
    }
    .fader {
        padding-top: 0;
        height: 279px
    }
    .toppic li i img {
        height: 130px;
    }
    .sidebar {
        display: none
    }
    .imginfo {
        font-size: 22px
    }
    .news_infos {
        width: 100%
    }
    .container {
        width: 90%;
        margin: 20px auto;
    }
    .shareli {
        margin: 0 5px;
    }
    .share ul li i {
        height: 150px
    }
    .share ul li h2 {
        padding: 15px 5px;
    }
    h1.t_nav span {
        display: none
    }
    .timebox li {
        font-size: 15px
    }
    .timebox li span {
        margin-right: 30px
    }
    .timebox:before {
        left: 100px;
    }
    .timebox li a:after {
        left: -26px
    }
    .timebox li:hover a {
        padding: 0 30px
    }
    .infosbox {
        width: 100%
    }
    .pagebg {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    header,
    .blogsbox,
    .banner {
        width: 100%;
        margin: auto;
    }
    .menu {
        width: 90%;
        display: none;
    }
    #mnav {
        display: block;
        z-index: 99999;
    }
    .search_bar,
    .toppic {
        display: none
    }
    article {
        width: 90%;
        margin: 70px auto 0
    }
    .bloginfo {
        width: 100%;
        clear: both
    }
    .blogs .blogpic {
        width: 30%;
        height: auto
    }
    .fader {
        padding-top: 50%;
        width: 100%
    }
    .imginfo {
        font-size: 20px;
        bottom: 20%;
    }
    .bloginfo ul li {
        margin-right: 10px
    }
    .bplist li img {
        height: 100px
    }
    .bplist li {
        height: 100px
    }
    .bigpic img {
        height: auto
    }
    .blogs .blogtext {
        margin-top: 10px;
    }
    .bplist li:nth-child(2) {
        margin-left: 3px;
    }
    .sidebar {
        display: none
    }
    .news_infos {
        width: 100%
    }
    h1.t_nav span {
        display: none
    }
    .container {
        width: 90%;
        margin: 20px auto;
    }
    .share ul li {
        width: 50%
    }
    .share ul li i {
        height: 150px
    }
    .shareli {
        margin: 0 15px;
    }
    .share ul li h2 {
        padding: 15px 15px;
    }
    .timebox li {
        font-size: 15px
    }
    .timebox li span {
        display: none
    }
    .timebox:before {
        display: none
    }
    .timebox li:hover a {
        padding: 0 30px
    }
    .infosbox {
        width: 100%
    }
    .pagebg {
        margin-top: 50px;
    }
    .diggit {
        float: none;
        margin-left: auto;
    }
    .dasbox {
        display: none
    }
}

@media only screen and (max-width: 479px) {
    header,
    .blogsbox,
    .banner {
        width: 100%;
        margin: auto;
    }
    .menu {
        width: 90%;
        display: none;
    }
    #mnav {
        display: block;
        z-index: 99999;
    }
    .search_bar,
    .toppic {
        display: none
    }
    article {
        width: 90%;
        margin: 70px auto 0
    }
    .imginfo {
        font-size: 18px;
        bottom: 22%;
    }
    .bloginfo {
        width: 100%;
        clear: both;
    }
    .blogs .blogpic {
        width: 100%;
        height: auto;
        margin-bottom: 10px
    }
    .fader {
        padding-top: 60%;
        width: 100%
    }
    .bloginfo ul li {
        margin-right: 10px
    }
    .bplist li img {
        height: 100px
    }
    .bplist li {
        height: 100px
    }
    .bigpic img {
        height: auto
    }
    .blogs .blogtext {
        width: 100%;
    }
    .bloginfo ul li {
        background-image: none
    }
    .bloginfo .author,
    .bloginfo .lmname {
        display: none
    }
    .bplist li:nth-child(2) {
        margin: 0 0 0 2px
    }
    .sidebar {
        display: none
    }
    .news_infos {
        width: 100%
    }
    h1.t_nav span {
        display: none
    }
    .container {
        width: 90%;
        margin: 20px auto;
    }
    .share ul li {
        width: 50%
    }
    .share ul li i {
        height: 150px
    }
    .shareli {
        margin: 0 3%;
    }
    .share ul li h2 {
        padding: 15px 15px;
    }
    footer p {
        padding: 0 30px
    }
    .timebox li {
        font-size: 15px
    }
    .timebox li span {
        display: none
    }
    .timebox:before {
        display: none
    }
    .timebox li:hover a {
        padding: 0 30px
    }
    .infosbox {
        width: 100%
    }
    .pagebg {
        margin-top: 50px;
    }
    .diggit {
        float: none;
        margin-left: auto;
    }
    .dasbox {
        display: none
    }
}